@charset "utf-8";
/* CSS Document */
* {margin:0px auto; padding:0px;}
body {margin:0px auto; padding:0px;}
.max-main {width:100%; max-width:720px; height:auto; overflow:hidden; color:#333;}
.bannertop {width:100%; height:260px; overflow:hidden;}
.bannertopimg {width:100%; height:260px; overflow:hidden;}
.userdiv {width:100%; height:130px; position:relative; top:-130px;}
.userdiv .userphoto {width:100px; height:100px; border-radius:50px; overflow:hidden; border:2px solid #fff; float:left; margin-left:5%; margin-top:5px;}
.userdiv .userphoto img {width:100px; height:100px;}
.usertxt {max-width:60%; float:left; color:#fff; font-size:18px; padding-top:10px; padding-left:15px; text-shadow: 2px 2px 1px #333;}
.usertxt div.a {padding-bottom:6px; float:left;}
.usertxt div.b, .usertxt div.c {width:100%; height:20px; line-height:20px; padding:6px 0px 6px 35px;float:left;}
.usertxt div.b {background:url(../../images/fx/icon-1.png) no-repeat left center;background-size:20px 20px;}
.usertxt div.b span {padding-right:10px;}
.usertxt div.c {background:url(../../images/fx/icon-2.png) no-repeat left center;background-size:30px 18px;}
.maincontent {width:100%; height:auto; overflow:hidden; background:#f2f2f2;}
.maintitle {width:100%; height:20px; padding:15px 0px; line-height:50px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:16px; line-height:20px; overflow:hidden; padding-left:10px; background:#fff;}
.maintitle span {color:#ff896a; padding-right:10px;}
.maincont {width:94%; height:auto; overflow:hidden; padding:5px 3% 15px 3%; font-size:16px; line-height:24px;}
.maincont img {max-width:100%; margin-top:10px;}
.gotop {width:94%; height:50px; padding:0px 3%;}
.gotop div {width:100%; height:50px; background:url(../../images/fx/line1.png) repeat-x center;}
.gotop div a {display:block; width:80px; margin:0px auto; padding:0px 20px; line-height:50px; font-size:18px; text-decoration:none; color:#333; background:#f2f2f2; text-align:center;}
.qcode {width:100%; height:auto; text-align:center; line-height:30px; font-size:16px;}
.qcode img {max-width:50%;}
.maintitles {width:100%; height:auto; font-size:18px; padding-top:30px; text-indent:3%;}
.mainlist {width:100%; height:auto; overflow:hidden; padding-bottom:30px;}
.listdiv {width:45.5%; height:auto; float:left; background:#fff; overflow:hidden; margin-left:3%; margin-top:15px;}
.listimg {width:100%; height:100px; overflow:hidden;}
.listimg img {width:100%; height:100px;}
.listusr {padding:0px 1px 1px 1px; background:#e5e5e5;}
.listusrcont {width:100%; height:80px; background:#fff;}
.listuserphoto {width:40px; height:40px; border-radius:30px; overflow:hidden; float:left; margin-left:5%; margin-top:10px;}
.listuserphoto img {width:40px; height:40px;}
.listusertxt {width:70%; height:auto; float:left; padding-left:3%; padding-top:8px;}
.listusertxt div.a {width:100%; height:16px; line-height:16px; overflow:hidden; font-size:16px;}
.listusertxt div.b, .listusertxt div.c {width:100%;height:16px;font-size:14px; color:#999; line-height:16px; margin-top:5px; overflow:hidden;}
.listusertxt div.b {background:url(../../images/fx/icon-3.png) no-repeat left center;background-size:20px 12px; padding-left:25px;}
.listusertxt div.c {background:url(../../images/fx/icon-4.png) no-repeat 2px center;background-size:15px 13px; padding-left:25px;}

@media screen and (max-width: 380px){
	.bannertop {height:200px;}
	.bannertopimg {height:200px;}
	.userdiv {height:100px; top:-100px;}
	.userdiv .userphoto {width:80px; height:80px; border-radius:40px;}
	.userdiv .userphoto img {width:80px; height:80px;}
	.usertxt {font-size:14px; padding-top:7px;}
	.listimg {height:80px;}
	.listimg img {height:80px;}
	.listusertxt {width:65%}
	.listusertxt div.a {font-size:14px;}
	.listusertxt div.b, .listusertxt div.c {font-size:12px;}
}
